<template>
  <div class="xiangqing">
       <mt-header title="创彩原创旗袍服饰旗舰店" :fixed="isFixed">
        <router-link to="/" slot="left">
          <div class="iconfont">&#xe603;</div>
        </router-link>
        <router-link to="ShopCar" slot="right">
        <div class="shop-car iconfont">&#xe601;</div>
      </router-link>
      </mt-header>
        <div class="kong"></div>
        <div class="table">
        	<a class="xq" href="#">详情</a>
        	<router-link to="PingJia" slot="left">
        	<a class="xq" href="#">评价</a>
        	</router-link>
        	<router-link to="ChengJiao" slot="left">
        	<a class="xq" href="#">成交</a>
        	</router-link>
        </div>
   	<mt-swipe class="swipe" :auto="3000">
          <mt-swipe-item><img class="lunbo" src="../../assets/img/images/banner1.jpg"></mt-swipe-item>
          <mt-swipe-item><img class="lunbo" src="../../assets/img/images/banner2.jpg"></mt-swipe-item>
          <mt-swipe-item><img class="lunbo" src="../../assets/img/images/banner3.jpg"></mt-swipe-item>
      </mt-swipe>
    <div class="xiangqing-list">
      <div class="list-auto">
        <p>新款改良时尚旗袍裙中长款长袖针织呢料旗袍</p>
        <p class="money">
          ￥528.00
          <del> ￥1320.00 </del>
        </p>
        <span class="kuaidi">  快递：10.00元 月销：31笔 <span class="city">西安</span></span>
      </div>
    </div>
    <div class="xiangqing-list list2">
      <div class="auto">
        <div class="canshu-img">
          <img src="../../assets/img/images/aside-particulars-tit1.png" alt="">
        </div>
        <div class="xiangqing-left">
          <span>袖长：长袖 </span>
          <span>尺码：XXL XL L M S </span>
          <span>适用年龄: 25-35周岁</span>
        </div>
        <div class="xiangqing-right">
          <span>货号: 54NP04M9</span>
          <span>开衩高度: 低开衩</span>
          <span>风格: 民族风</span>
        </div>
      </div>
    </div>
    <div class="xiangqing-list list2 list3">
      <div class="auto">
        <div class="canshu-img2">
          <img src="../../assets/img/images/aside-particulars-tit2.png" alt="">
        </div>
        <img src="../../assets/img/images/aside-particulars2.jpg" alt="">
      </div>
    </div>
    <div class="xiangqing-list list2 list4">
      <div class="auto">
        <div class="canshu-img2">
          <img src="../../assets/img/images/aside-particulars-tit3.png" alt="">
        </div>
        <img src="../../assets/img/images/aside-particulars3.jpg" alt="">
      </div>
    </div>
    <div class="xiangqing-list list2 list5">
      <div class="auto">
        <div class="canshu-img2">
          <img src="../../assets/img/images/aside-particulars-tit4.png" alt="">
        </div>
        <img src="../../assets/img/images/aside-particulars4.jpg" alt="">
      </div>
    </div>
    <div class="xiangqing-list list2 list6">
      <div class="auto">
        <div class="canshu-img2">
          <img src="../../assets/img/images/aside-particulars-tit5.png" alt="">
        </div>
        <img src="../../assets/img/images/aside-particulars5.jpg" alt="">
      </div>
    </div>
      <div class="kongde"></div>
      <div class="dibu">
        <a class="jiaru" href="#">加入购物车</a>
        <a class="goumai" href="#">立即购买</a>
      </div>
  </div>
</template>

<script>
  export default {
       
         data(){
          return{
            isFixed:true,
          }
        },
        
    }
</script>

<style scoped>
  img{
    display: block;
    width:100%;
  }
  .xiangqing-list{
    width: 100%;
    height: 95px;
    color: #666;
    font-size: 14px;
    margin-bottom: 2px;
    background-color: #fef5e8;
  }
  header{
    border-color: #111;
    background-color: #581513;
    color: #fff;
  }
  .table{
  	/*position: fixed;*/
    top: 48px;
    left: 0px;
    height: 30px;
    width: 100%;
    background-color: #f6e0c2;
    z-index: 9999;
    font-size: 0px;
    letter-spacing: 0px;
  }
  .xq{
  	display: inline-block;
    vertical-align: top;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #39191a;
    width: 33.33%;
    text-align: center;
    position: relative;
  }
  .kong{
    height:40px;
    position: relative;
  }
  .swipe{
    height:156px;
  }
  .lunbo{
    height:156px;
  }
  .list-auto{
    width: 90%;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
  }
  .list-auto p{
    margin-top: 15px;
  }
  .list-auto .money{
    color:red;
    margin-top:10px;
  }
  del {
    font-size: 12px;
    color: #000000;
  }
  .kuaidi{
    display: block;
    font-size: 10px;
    margin-top:10px;
  }
  .city {
    float: right;
    font-size: 13px;
  }
  .canshu-img{
    width: 160px;
    height: 30px;
    margin-top: 10px;
  }
  .auto{
    width: 90%;
    margin: 0 auto;
  }
  .list2{
    overflow: hidden;
    height: 110px;
    margin-top: 10px;
  }
  .xiangqing-left{
    float: left;
    font-size:10px;
  }
  .xiangqing-left span{
    display: block;
    margin-top: 5px;
  }
  .xiangqing-right{
    font-size:10px;
    float: right;
  }
  .xiangqing-right span{
    display: block;
    margin-top: 5px;
  }
  .list3{
    height: 290px;
  }
  .canshu-img2{
    width: 195px;
    height: 30px;
    margin-top: 10px;
  }
  .list4{
    height:390px;
  }
  .list5{
    height: 230px;
  }
  .list6{
    height: 860px;
  }
  .kongde{
    height:48px;
    width:100%;
  }
  .dibu{
    width: 100%;
    height: 48px;
    background-color: #591614;
    position: fixed;
    bottom: 0px;
    left: 0px;
  }
  .jiaru{
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    border-radius: 4px;
    background-color: #ff9125;
    margin: 10px 10px 10px 0;
    width: 75px;
    text-align: center;
  }
  .goumai{
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    border-radius: 4px;
    background-color: #bd0214;
    margin: 10px 10px 10px 0;
    width: 75px;
    text-align: center;
  }
</style>
